<template>
    <div>
        <table class="mb-tb" style="width: 100%">
            <tr>
                <td class="mb-blue">用户名</td>
                <td >{{formData.userName}}</td>
                <td class="mb-blue">昵称</td>
                <td >{{formData.realName}}</td>
            </tr>
            <tr>
                <td class="mb-blue">专业</td>
                <td >{{formData.profession}}</td>
                <td class="mb-blue">二级学院</td>
                <td >{{formData.secondaryCollege}}</td>
            </tr>
            <tr>
                <td class="mb-blue">学校名称</td>
                <td >{{formData.deptName}}</td>
                <td class="mb-blue">邮箱</td>
                <td >{{formData.email}}</td>
            </tr>
            <tr>
                <td class="mb-blue">电话号码</td>
                <td >{{formData.mobilePhone}}</td>
                <td class="mb-blue">年龄</td>
                <td >{{formData.age}}</td>
            </tr>
            <tr>
                <td class="mb-blue">个性签名</td>
                <td COLSPAN="3">{{formData.autograph}}</td>
            </tr>
            <tr>
                <td class="mb-blue">家庭住址</td>
                <td colspan="3">{{formData.address}}</td>
            </tr>
        </table>
    </div>
</template>

<script>
    import Base from '@/components/table/BaseView';
    export default {
        name: "MyView",
        extends:Base,
        methods:{
            loadDataById(id){
                if(id!=null){
                    this.load("/api/system/user/read",{id})
                }
            }
        }
    }
</script>
<style src="@/assets/css/TableView.css" scoped></style>
<style scoped >
    .mb-tb td:nth-of-type(odd){width: 10%;}
    .mb-tb td:nth-of-type(even){width: 40%}
</style>
